﻿/**
 * Created by Administrator on 2017/2/10.
 * 上云服务样式文件
 */


/*公共样式--开始*/

html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/*ul,
ol {
	list-style: none;
}*/

a:link {
	text-decoration: none;
}

.container{
	width: 100%;
}
.cld_img_01{
	height: 123px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_01.png) no-repeat;
	background-size: contain;
}
.context_01{
	color: black;
	text-align: center;
	font-size: 16px;
}
.context_02{
	padding-top: 5px;
	font-size: 12px;
	text-align: center;
}

.img_left{
	width: 10%;
	float: left;
	height: 1px;
	margin-top: 20px;
}
.img_middle{
	width: 80%;	
	float:left;
	text-align: center;
	margin-top: 20px;
}
.img_right{
	width: 10%;
	float: right;
	height: 1px;
	margin-top: 20px;
}
.cld_img_02{
	height: 133px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_02.png) no-repeat;
	background-size: contain;
}

.cld_base_border{
	width: 92%;
	float: left;
	margin: 0 auto;
	border-radius: 3px;
	margin-left: 4%;
	border: 1px solid lightgray;
	padding-bottom: 10px;
	box-shadow:
    -1px 0 1px lightgray, /*左边阴影*/  
    1px 0 1px lightgray, /*右边阴影*/  
    0 -1px 1px lightgray, /*顶部阴影*/  
    0 1px 1px lightgray; /*底边阴影*/ 
} 
.context_03{
	padding-top: 20px;
	width: 100%;
	text-align: center;
}
.com_cld_left{
	float: left;	
	width: 20%;
	/*border: 1px red solid;*/
	margin-top: 20px;
}
.com_cld_left3{
	float: left;	
	width: 20%;
	/*border: 1px red solid;*/
	margin-top: 10px;
}
.com_cld_left2{
	float: left;	
	width: 20%;
	/*border: 1px red solid;*/
	margin-top: 5px;
}
.com_cld_rihgt{
	width: 80%;
	float: right;	
	/*border: 1px green solid;*/
}
.com_cld_img_01{
	height: 56px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_03.png) no-repeat;
	background-size: contain;
}
.com_cld_img_02{
	height: 56px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_04.png) no-repeat;
	background-size: contain;
}
.com_cld_img_03{
	height: 56px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_05.png) no-repeat;
	background-size: contain;
}
.com_cld_img_04{
	height: 56px;
	width: 100%;
	background: url(../images/cld_ser_img/cld_svr_06.png) no-repeat;
	background-size: contain;
}
.com_cld_teitle{
	width: 100%;
}
.com_cld_context{
	width: 100%;
	font-size: 12px;
}
.base_border{
	width: 100%;
	border-bottom:1px solid lightgray;
	float: left;
	padding-bottom: 10px;
}
.context_04{
	color: black;
	text-align: center;
	font-size: 16px;
	padding-top: 15px;
}
.cn_left{
	width: 50%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cn_right{
	width: 50%;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.div_rj{
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
	border: 1px solid lightgray;
	padding-bottom: 10px;
	height: 120px;
	background-color: #88B9FE;
	padding-top: 5px;
}
.help_title{
	color: white;
	text-align: center;
}
.help_context{
	font-size: 12px;
	color: white;
	padding-top: 5px;

}
.help_context1{
	font-size: 12px;
	color: white;
	padding-left: 20px;
	padding-top: 5px;
}
.help_context2{
	font-size: 12px;
	color: white;
	padding-left: 20px;
	padding-top: 20px;
}
.container_d{
	width: 100%;
	margin-bottom: 20px;
}
.help_context a{
	font-size: 12px;
	color: white;
}

